<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>appreciation</title>
  <link rel="stylesheet" href="src/font/css/font-awesome.min.css">
  <link rel="stylesheet" href="src/css/index.css">
</head>
<body class="appreciation">
  <div class="nav">
    <ul>
      <li><a href="javascript:void(0)">首页</a></li>
      <li><a href="javascript:void(0)">摄影比赛</a></li>
      <li><a href="javascript:void(0)">作品欣赏</a></li>
      <li><a href="javascript:void(0)">摄影知识</a></li>
      <li><a href="javascript:void(0)">协会信息</a></li>
      <li><a href="javascript:void(0)">我的空间</a></li>
    </ul>
  </div>
  <div class="adress">
    <p>
      <a href="javascript:void(0)">您所在的位置</a>&#58;<a href="javascript:void(0)">主页</a>&#62;&#62;<a href="javascript:void(0)">摄影比赛</a>&#62;&#62;<a href="javascript:void(0)">作品欣赏</a>
    </p>
  </div>
  <div class="works">
    <ul>
      <li class="active"><a href="javascript:void(0)">最新作品</a></li>
      <li><a href="javascript:void(0)">推荐作品</a></li>
      <li><a href="javascript:void(0)">我的作品</a></li>
      <li><a href="javascript:void(0)">朋友作品</a></li>
      <li>
        <input type="text">
        <span class="fa fa-search"></span>
      </li>
    </ul>
    <div class="appreciation-content">
      <ul>
        <li>
          时间排序
          <div>
            <a href="javascript:void(0)">
              <span class="fa fa-angle-up">
              </span>
            </a>
            <a href="javascript:void(0)">
              <span class="fa fa-angle-down">
              </span>
            </a>
          </div>
        </li>
        <li>
          评论排序
          <div>
            <a href="javascript:void(0)">
              <span class="fa fa-angle-up">
              </span>
            </a>
            <a href="javascript:void(0)">
              <span class="fa fa-angle-down">
              </span>
            </a>
          </div>
        </li>
        <li>
          点赞排序
          <div>
            <a href="javascript:void(0)">
              <span class="fa fa-angle-up">
              </span>
            </a>
            <a href="javascript:void(0)">
              <span class="fa fa-angle-down">
              </span>
            </a>
          </div>
        </li>
        <li id="all-match">
          所有比赛
          <div>
            <a href="javascript:void(0)">
              <span class="fa fa-caret-down">
              </span>
            </a>
          </div>
          <div>
            <ul class="down-list">
              <li><span>宠物摄影赛</span></li>
              <li><span>风光摄影赛</span></li>
              <li><span>城市摄影赛</span></li>        
            </ul>
          </div>
        </li>
        <li>          
            <a href="javascript:void(0)">
              <span class="fa fa-th-large">
              </span>
            </a>
            <a href="javascript:void(0)">
              <span class="fa fa-reorder">
              </span>
            </a>   
        </li>
      </ul>
      <div class="show-items">
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
        <div class="item">
          <div class="item-img">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="item-inf">
            <div class="inf-img">
              <img src="src/img/9.jpg" alt="">
            </div>
            <span class="inf-text">林希微</span>
          </div>
        </div>
      </div>

    </div>
  </div>
  <div class="friendlyLink">
    <a href="">摄团网</a>
    <a href="">摄派网</a>
    <a href="">摄影论坛</a>
    <a href="">新浪数码相机</a>
    <a href="">天极数码</a>
    <a href="">ZOL数码</a>
    <a href="">锐意网</a>
    <a href="">卓美网</a>
    <a href="">摄苑网</a>
    <a href="">摄影日报</a>
    <a href="">旅游日报</a>
    <a href="">旅游名店城</a>
    <a href="">光影魔术手</a>
    <a href="">思缘网</a>
    <a href="">Leica中文摄影</a>
    <a href="">泡泡网</a>
    <a href="">POCO摄影网</a>
    <a href="">色影无忌</a>
    <a href="">中国设计之窗</a>
    <a href="">中华网旅游</a>
    <a href="">摄影之友</a>
    <a href="">我图网</a>
    <a href="">改图网</a>
    <a href="">中国国家地理</a>
    <a href="">环球摄影</a>
    <a href="">LOGO设计</a>
    <a href="">PChome数码</a>
    <a href="">黑光论坛</a>
    <a href="">爱奇艺纪录片</a>
    <a href="">地里时间</a>
    <a href="">搜狐数码公社</a>
    <a href="">更多友情连接</a>
  </div>  
  <div class="footer">
    <div class="foot_link">
      <a href="/">关于网站</a> &nbsp;| &nbsp;
      <a href="/gongnengjieshao/">关于协会</a> &nbsp;|&nbsp; 
      <a href="/ruanjianxiazai/">申请入会</a> &nbsp;|&nbsp; 
      <a href="/system/">服务条款</a> &nbsp;|&nbsp; 
      <a href="/faq/">联系我们</a> &nbsp;|&nbsp; 
      <a href="/message/">会员服务</a> &nbsp;|&nbsp; 
      <a href="/info/guanyuwomen/" rel="nofollow">广告服务</a> &nbsp;| &nbsp;
      <a href="/sitemap.html" rel="nofollow">帮助中心</a>
    </div>
    <p>网站声明：本网站由手机摄影艺术协会主办，设计个人肖像的照片，未经本人同意，严禁转载，违者追究相关法律责任！</p>
    <p>中国——福建 闽ICP备：08001196号 互联网新闻信息服务许可证【编号: 3512006002】</p>
    <p>短信息类服务介入代码使用证： 闽【2008】0019——B001；增值电信业务经营许可证：闽B2_20080034</p>
    <p>技术支持：好迪网络</p>
  </div>
  <script src="./src/js/jquery-1.9.1.min.js"></script>
  <script src="./src/js/appreciation.js"></script>
</body>
</html>